<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="//at.alicdn.com/t/font_2618453_b1jn1vfgidl.css">
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/classification.css">
    <title>分类页面</title>
</head>

<body>
    <header>
        <ul>
            <li class="back">
                <a href="">
                    <input type="button" value="back">
                </a>
            </li>
            <li>
                <span>分类</span>
            </li>
            <li>
                <select>
                    <option value="gz">广州市</option>
                    <option value="bj">北京市</option>
                </select>
            </li>
        </ul>
    </header>
    <div class="content">
        <div class="ban">
            <div>
                <a href="#">
                    <img src="./images/美食.png" alt="">
                    <p>美食</p>
                </a>
            </div>
            <div>
                <a href="#">
                    <img src="./images/电影.png" alt="">
                    <p>电影</p>
                </a>
            </div>
            <div>
                <a href="#">
                    <img src="./images/运动.png" alt="">
                    <p>运动</p>
                </a>
            </div>
            <div>
                <a href="#">
                    <img src="./images/唱歌.png" alt="">
                    <p>唱歌</p>
                </a>
            </div>


        </div>
        <div class="pages">
            <li></li>
            <li></li>
            <li></li>
            <li></li>
        </div>
        <div class="item">
            <div class="item_title">
                <img src="./images/美食01.png" alt="">
                <span>美食类</span>
                <img src="./images/更多.png" alt="">
                <span>更多</span>
            </div>
            <ul class="list">
                <li>
                    <img src="./images/美食1-1.png" alt="">
                </li>
                <li>
                    <img src="./images/美食1-2.png" alt="">
                </li>
                <li>
                    <img src="./images/美食1-3.png" alt="">
                </li>
                <li>
                    <img src="./images/美食1-4.png" alt="">
                </li>
            </ul>
        </div>
        <div class="item">
            <div class="item_title">
                <img src="./images/运动类.png" alt="">
                <span>运动类</span>
                <img src="./images/更多.png" alt="">
                <span>更多</span>
            </div>
            <ul class="list">
                <li>
                    <img src="./images/运动1-1.png" alt="">
                </li>
                <li>
                    <img src="./images/运动1-2.png" alt="">
                </li>
                <li>
                    <img src="./images/运动1-3.png" alt="">
                </li>
                <li>
                    <img src="./images/运动1-4.png" alt="">
                </li>
            </ul>
        </div>
        <div class="item">
            <div class="item_title">
                <img src="./images/电影类.png" alt="">
                <span>电影类</span>
                <img src="./images/更多.png" alt="">
                <span>更多</span>
            </div>
            <ul class="list">
                <li>
                    <img src="./images/电影1-1.png" alt="">
                </li>
                <li>
                    <img src="./images/电影1-2.png" alt="">
                </li>
                <li>
                    <img src="./images/电影1-1.png" alt="">
                </li>
                <li>
                    <img src="./images/电影1-2.png" alt="">
                </li>
            </ul>
        </div>
    </div>
    <div class="footer">
        <a href="./index.html" style="text-decoration: none;">
            <div>
                <i class="iconfont icon-shouye"></i>
                <span>首页</span>
            </div>
            <a href="./classification.html" style="text-decoration: none;">
                <div>
                    <i class="iconfont icon-faxian"></i>
                    <span>分类</span>
                </div>
                <a href="./find.html" style="text-decoration: none;">
                    <div>
                        <i class="iconfont icon-faxian1"></i>
                        <span>发现</span>
                    </div>
                    <a href="./my.html" style="text-decoration: none;">
                        <div>
                            <i class="iconfont icon-wode"></i>
                            <span>我的</span>
                        </div>
    </div>
</body>

</html>